ng-diagram MCP Server

MCP server that enables AI assistants to search ng-diagram documentation and public API.

Overview

An MCP server that provides intelligent documentation search and API symbol lookup for ng-diagram - an Angular library for building interactive diagrams. Connect it to AI assistants like Claude, Cursor, or any MCP-compatible tool and ask questions like:

• "How do I create custom nodes in ng-diagram?"
• "What's the signature of the DiagramComponent class?"
• "What config options does ng-diagram support?"

Quick Start

Add the server to your MCP client config - no installation or monorepo checkout required:

macOS / Linux:

{
  "mcpServers": {
    "ng-diagram-docs": {
      "command": "npx",
      "args": ["-y", "@ng-diagram/mcp"]
    }
  }
}

Windows:

{
  "mcpServers": {
    "ng-diagram-docs": {
      "command": "cmd",
      "args": ["/c", "npx", "-y", "@ng-diagram/mcp"]
    }
  }
}

The package includes all documentation and API data bundled in. Restart your AI assistant after updating the config, then ask something like "Search the ng-diagram docs for palette" to verify.

MCP Client Config Locations

API Reference

Tool: search_docs

Search through ng-diagram documentation sections. Returns full section content split by ## headings. Supports exact phrases, multi-word queries, and individual keywords.

Parameters:

• query (string, required): Search query to find relevant documentation
• limit (number, optional): Max results to return (default: 10)

Tool: get_doc

Retrieve the full content of a documentation page by its path. Returns the complete markdown body with frontmatter stripped.

Parameters:

• path (string, required): Relative path from docs root (e.g., "guides/palette.mdx"). Use paths from search_docs results.

Tool: search_symbols

Search through ng-diagram public API symbols (classes, functions, interfaces, types, constants, enums).

Parameters:

• query (string, required): Search query (e.g., "Diagram", "provideNg", "Edge")
• kind (string, optional): Filter by symbol kind (class, function, interface, type, const, enum)
• limit (number, optional): Max results to return (default: 10)

Tool: get_symbol

Retrieve full API details for a specific ng-diagram symbol by exact name. Returns kind, full signature, jsDoc (if available), and a ready-to-use import statement.

Parameters:

• name (string, required): Exact symbol name (case-sensitive). Use names from search_symbols results.

License

Apache-2.0 - Part of the ng-diagram project

Built with ❤️ by the Synergy Codes team